
// var ROOT_PATH = 'https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples';



//这是 地图的
function echarts_2(data) {

    // 数据处理
var data_ =[]
    for(var i = 0 ; i<data.length ;++i){
        data_[i] ={
            name: data[i].region,
            value:data[i].price
        }
    }
    console.log(data_)

    var chartDom = document.getElementById('echart2');
    var myChart = echarts.init(chartDom);
    var option;
    
    myChart.showLoading();
    
    $.get('http://47.108.73.57:8080/js/geojson.json',function (geoJson) {
    
        myChart.hideLoading();
    
        echarts.registerMap('CD', geoJson);


        
    
        myChart.setOption(option = {
            // title: {
            //     text: '香港18区人口密度 （2011）',
            //     subtext: '人口密度数据来自Wikipedia',
            //     sublink: ''          },
            grid: {
                left: '10',
                top: '20',
                right: '30',
                bottom: '10',
                containLabel: true
            },
            tooltip: {
                trigger: 'item',
                formatter: '{b}<br/>{c} (p / km2)'
            },
            // toolbox: {  //右侧工具栏
            
            //     show: true,
            //     orient: 'vertical',
            //     left: 'right',
            //     top: 'center',
            //     feature: {
            //         dataView: {readOnly: false},
            //         restore: {},
            //         saveAsImage: {}
            //     }
            // },
            visualMap: {
                min: 800,
                max: 50000,
                text: ['High', 'Low'],
                realtime: false,
                calculable: true,
                inRange: {
                    color: ['lightskyblue', 'yellow', 'orangered']
                }
            },
            series: [
                {
                    name: 'CD人口密度',
                    type: 'map',
                    zoom: 1.3,   //这里是关键，一定要放在 series中
                    mapType: 'CD', // 自定义扩展图表类型
                    label: {
                        show: true
                    },
                    data: data_
                    // 自定义名称映射
                    // nameMap: {
                    //     'Central and Western': '中西区',
                    //     'Eastern': '东区',
                    //     'Islands': '离岛',
                    //     'Kowloon City': '九龙城',
                    //     'Kwai Tsing': '葵青',
                    //     'Kwun Tong': '观塘',
                    //     'North': '北区',
                    //     'Sai Kung': '西贡',
                    //     'Sha Tin': '沙田',
                    //     'Sham Shui Po': '深水埗',
                    //     'Southern': '南区',
                    //     'Tai Po': '大埔',
                    //     'Tsuen Wan': '荃湾',
                    //     'Tuen Mun': '屯门',
                    //     'Wan Chai': '湾仔',
                    //     'Wong Tai Sin': '黄大仙',
                    //     'Yau Tsim Mong': '油尖旺',
                    //     'Yuen Long': '元朗'
                    // }
                }
            ]
        });
    });

    option && myChart.setOption(option);
}